<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        class Http {
            static name = 'hyy'
            static request() {
                console.log('request');
                console.log(this.name)
            }
        }
        class HomeHttp extends Http {
            static name = 'hyy_son'
            static getListHttp() {
                super.request() // 'request' 'hyy_son' // 相当于super.request.call(this)
                this.request() // 'request' 'hyy_son'
                // 均可
                // super指向父类
                // this指向本身类【子类】
            }
            say() {
                // this.getListHttp() // 错。this指向子类的实例，不指向子类
                HomeHttp.getListHttp() // 直接通过子类【类名】调用
            }
        }
        console.dir(HomeHttp, 'HomeHttp')
        HomeHttp.getListHttp()
        /*
            1、在子类的静态方法中super指父类
            2、子类会继承父类的静态方法
            3、子类中不能直接调用静态方法,必须通过类名调用
             */
    </script>
</body>

</html>